<template>
  <div class="header">
    <div class="left">
      <slot name='left'></slot>
    </div>
    <div class="right">
      <slot name='right'></slot>
    </div>
    <div class="title">title</div>
  </div>
</template>
           
<script>
export default {}
</script>
<style scoped  lang='less'>
.header {
  .left {
    float: left;
  }
  .title {
    text-align: center;
  }
  .right {
    float: right;
  }
}
</style>